{extend name="layout/layout"}
{block name="content"}
<main class="user_page  ">
    <section class="">
        <div class="layui-main">
            <div class="user_con">
                <div class="user_headpage" data-load="user_active_header">
                    {include file="user_activity/page_menu" menu='content' id="$id" /}
                </div>
                <div class="right_main ">
                    <p class="ft24 mb10 ft-bold">活動内容</p>
                    <p class="ft14 gary_c9 mb20 ft-bold">詳細介紹你的活動內容，讓消費者了解活動且提高參加意願！</p>
                    <div class="block_com" style="min-height: 80vh;">
                        <div class="active_w1 active3 " style="margin:  0 auto;">
                            <form onsubmit="return false;" class="layui-form" lay-filter="info-form">

                                <div class="layui-form-item">
                                    <div class="label must">活動摘要<p class=" tip1">請充分描繪活動亮點，包括「活動關鍵詞」。以提高 Google 搜尋的曝光成效。</p>
                                    </div>
                                    <div class="">
                                        <textarea name="abstract" lay-verify="required" class="layui-textarea" placeholder="请填写活動摘要"
                                            style="min-height: 3rem;">{$act.abstract|default=''}</textarea>
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <div class="label must">活動簡介<p class=" tip1">若你的活動為收費活動，為避免消費爭議，請於活動內容中加上主辦是否開立發票之相關說明。
                                    </p>
                                    </div>
                                    <div class="">
                                        <textarea name="desc" lay-verify="required" class="layui-textarea" placeholder="请填写活动内容介绍"
                                                  style="min-height: 3rem;">{$act.desc}</textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="label ">注意事項<p class=" tip1">本段文字會顯示在電子票券上，可以在這邊提示關於入場的重要資訊。</p>
                                    </div>
                                    <div class="">
                                        <textarea name="notice" class="layui-textarea" style="min-height: 3rem;">{$act.notice}</textarea>
                                    </div>
                                </div>

                                <div class="mt40 d-flex jc-s al-c">
                                    <button class="layui-btn layui-btn-lg w100 layui-bg-orange next-btn"
                                            onclick="save()">储存
                                    </button>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<script type="text/javascript" src="__ROOT__/public/activity/js/vue3.js?at={:date('his')}"></script>
<script type="text/javascript" src="__ROOT__/public/activity/js/layui-vue.js?at={:date('his')}"></script>
<style>
    .layui-dropdown-content {
        position: absolute;
        z-index: 99999999;
        background-color: #fff;
        box-sizing: border-box;
        border: 1px solid #e4e7ed;
        border-radius: var(--dropdown-content-border-radius);
        box-shadow: 0 2px 12px #0000001a;
    }
</style>
<script>
    function save() {
        var data = layui.form.val('info-form');
        $.quickPost('/activity/user/activity/{$act.id}/content', data)
    }
</script>

{/block}
